<div class="key-data">
  <p class="pointData">重点关注指标</p>
  <div class="side-box">
    <ion-slides>
      <div *ngFor="let item of profilesData">
        <ion-slide class="card-box">
          <p class="total">{{item.indexName}}</p>
          <p><span class="data">{{item.summation}}</span><span class="danwei">亿元</span> </p>
          <p class="number-style">同比
            <svg class="icon" aria-hidden="true" *ngIf="item.growthStatus ==='up'">
              <use xlink:href="#icon-sanjiaoxing-lv"></use>
            </svg>
            <svg class="icon" aria-hidden="true" *ngIf="item.growthStatus ==='down'">
              <use xlink:href="#icon-sanjiaoxing-xia"></use>
            </svg>
            {{item.growth}}</p>
        </ion-slide>
      </div>
    </ion-slides>
  </div>
  <div class="detail-list">
    <ion-list>

      <ion-item *ngFor="let item of provinceDetailData">
        <ion-row>
          <ion-col col-3 class="flexBox"><span class="place">{{item.name}}</span></ion-col>
          <ion-col col-4 class="status-1 flexBox {{item.fontStatus}}">
            <span class="real-number">{{item.actualValue}}</span>
            <span class="real-danwei">亿元</span>
          </ion-col>
          <ion-col col-4 class="last-col flexBox">
            <span class="plan-text">计划值</span>
            <span class="plan-number">{{item.targetValue}}</span>
            <span class="plan-danwei">亿元</span>
          </ion-col>
        </ion-row>
      </ion-item>

    </ion-list>
  </div>

  <div class="compete-list">
    <div class="compete">竞争性业务</div>
    <ion-list>
      <ion-item *ngFor="let item of extraDetailData">
        <ion-row>
          <ion-col col-3 class="flexBox"><span class="place">{{item.name}}</span></ion-col>
          <ion-col col-4 class="status-1 flexBox {{item.fontStatus}}">
            <span class="real-number">{{item.actualValue}}</span>
            <span class="real-danwei">亿元</span>
          </ion-col>
          <ion-col col-4 class="last-col flexBox">
            <span class="plan-text">计划值</span>
            <span class="plan-number">{{item.targetValue}}</span>
            <span class="plan-danwei">亿元</span>
          </ion-col>
        </ion-row>
      </ion-item>
    </ion-list>
  </div>
</div>